<title>Supported HTML Subset</title>

<h1><center>Supported HTML Subset</center></h1>

<p>The Script Report Engine is based on the Qt QTextDocument for render the resulting HTML (one for each section), in consequence all Qt HTML subset is supported.</p>

<p>The Script Report Engine is based on the Qt's QTextDocument for render the resultant HTML, in consecuence all Qt's HTML Subset is suported.</p>

<p>Qt's text widgets are able to display rich text, specified using a subset of <b>HTML 4</b> markup. Widgets that use 

<b>QTextDocument</b>, such as <b>QLabel</b> and <b>QTextEdit</b>, are able to display rich text specified in this way.</p>

<ul><li><a href="#using-html-markup-in-text-widgets">Using HTML Markup in Text Widgets</a></li>
<li><a href="#sr-tags">Script Report Tags</a></li>
<li><a href="#supported-tags">Supported HTML Tags</a></li>
<li><a href="#block-attributes">Block Attributes</a></li>
<li><a href="#list-attributes">List Attributes</a></li>
<li><a href="#table-cell-attributes">Table Cell Attributes</a></li>
<li><a href="#css-properties">CSS Properties</a></li>
<li><a href="#supported-css-selectors">Supported CSS Selectors</a></li>
<li><a href="#color-names">Color names</a></li>
<li><a href="#svg-color-keywords">SVG color keyword names</a></li>

</ul>

<a name="using-html-markup-in-text-widgets"></a>
<h3>Using HTML Markup in Text Widgets</h3>

<p>Widgets automatically detect HTML markup and display rich text accordingly. For example, setting a label's <b>text</b> property 
with the string <tt>"&lt;b&gt;Hello&lt;/b&gt; &lt;i&gt;Qt!&lt;/i&gt;"</tt> will result in the label displaying text like this: 
<b>Hello</b> <i>Qt!</i></p>

<p>When HTML markup is used for text, Qt follows the rules defined by the <b>HTML 4</b> specification. This includes default 
properties for text layout, such as the direction of the text flow (left-to-right) which can be changed by applying the 
<a href="#block-attributes"><tt>dir</tt></a> attribute to blocks of text.</p>

<a name="sr-tags"></a>

<h3>Script Report Tags</h3>

<p>The following table lists the tags supported by <b>Script Report</b>:</p>
<table style="border-color:#bbb; border-style:solid;" border="0" cellpadding="2" cellspacing="1">
<thead>
   <tr style="background: #96E066;">
      <th align="center">Syntax</th>
      <th align="center">Description</th>
   </tr>
</thead>
<tbody>
    <tr style="background: #f0f0f0;"><td><tt>&lt;!--$</tt>&nbsp;<i>variableName</i>&nbsp;<tt>--&gt;</tt></td><td>Print a javascript variable. E.g.: <tt>&lt;!--$name--&gt;</tt></td></tr>
    <tr style="background: #e4e4e4;"><td><tt>&lt;!--?</tt>&nbsp;<i>variableName</i>&nbsp;[<tt>::</tt>&nbsp;<i>text</i>]&nbsp;<tt>--&gt;</tt></td><td>Print a javascript variable only if running in final mode, otherwise print the text (if it is present). This is usefull with the Script Report Editor (it shows the text). E.g.: <tt>&lt;!--?name--&gt;</tt><tt>&lt;!--?name::no name--&gt;</tt></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>&lt;!--:</tt>&nbsp;<i>sectionName</i>&nbsp;<tt>--&gt;</tt></td><td>Set the current section. E.g.: <tt>&lt;!--:content--&gt;</tt></td></tr>
    <tr style="background: #e4e4e4;"><td><tt>&lt;!--@</tt>&nbsp;<i>javascript</i>&nbsp;<tt>--&gt;</tt></td><td>Run javascript. E.g.: <tt>&lt;!--@var x=5;--&gt;</tt></td></tr>
</tbody>
</table>

<p>The following table lists the short tags supported by <b>Script Report</b>:</p>
<table style="border-color:#bbb; border-style:solid;" border="0" cellpadding="2" cellspacing="1">
<thead>
   <tr style="background: #96E066;">
      <th align="center">Syntax</th>
      <th align="center">Description</th>
   </tr>
</thead>
<tbody>
    <tr style="background: #f0f0f0;"><td><tt>&#36;{</tt>&nbsp;<i>variableName</i>&nbsp;<tt>}</tt></td><td>Print a javascript variable. E.g.: <tt>&#36;{name}</tt></td></tr>
    <tr style="background: #e4e4e4;"><td><tt>&#63;{</tt>&nbsp;<i>variableName</i>&nbsp;[<tt>::</tt>&nbsp;<i>text</i>]&nbsp;<tt>}</tt></td><td>Print a javascript variable only if running in final mode, otherwise print the text (if it is present). This is usefull with the Script Report Editor (it shows the text). E.g.: <tt>&#63;{name}</tt><tt>&#63;{name::no name}</tt></td></tr>
</tbody>
</table>

<p>The following table lists the sections supported by <b>Script Report</b>:</p>
<table style="border-color:#bbb; border-style:solid;" border="0" cellpadding="2" cellspacing="1">
<thead>
   <tr style="background: #96E066;">
      <th align="center">Section name</th>
      <th align="center">Description</th>
   </tr>
</thead>
<tbody>
    <tr style="background: #f0f0f0;"><td><tt>content</tt></td><td>Set the current section to content, the following html is part of the content (this is the default section). E.g.: <tt>&lt;!--:content--&gt;</tt></td></tr>
    <tr style="background: #e4e4e4;"><td><tt>footer</tt></td><td>Set the current section to footer, the following html is part of the footer. E.g.: <tt>&lt;!--:footer--&gt;</tt></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>footerFirst</tt></td><td>Set the current section to footer in the fist page, the following html is part of the first page footer. If this section is not present, the first page footer will be the same as the <tt>footer</tt> section. E.g.: <tt>&lt;!--:footerFirst--&gt;</tt></td></tr>
    <tr style="background: #e4e4e4;"><td><tt>footerLast</tt></td><td>Set the current section to footer in the last page, the following html is part of the last page footer. If this section is not present, the last page footer will be the same as the <tt>footer</tt> section. E.g.: <tt>&lt;!--:footerLast--&gt;</tt></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>header</tt></td><td>Set the current section to header, the following html is part of the header. E.g.: <tt>&lt;!--:header--&gt;</tt></td></tr>
    <tr style="background: #e4e4e4;"><td><tt>headerFirst</tt></td><td>Set the current section to header in the fist page, the following html is part of the first page header. If this section is not present, the first page header will be the same as the <tt>header</tt> section. E.g.: <tt>&lt;!--:headerFirst--&gt;</tt></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>headerLast</tt></td><td>Set the current section to header in the last page, the following html is part of the last page header. If this section is not present, the last page header will be the same as the <tt>header</tt> section. E.g.: <tt>&lt;!--:headerLast--&gt;</tt></td></tr>
</tbody>
</table>


<a name="supported-tags"></a>

<h3>Supported HTML Tags</h3>

<p>The following table lists the HTML tags supported by Qt's <b>rich text</b> engine:</p>

<table style="border-color:#bbb; border-style:solid;" border="0" cellpadding="2" cellspacing="1">
<thead>
   <tr style="background: #96E066;">
      <th align="center">Tag</th>
      <th align="center">Description</th>
      <th align="center">Comment</th>
   </tr>
</thead>
<tbody>
    <tr style="background: #f0f0f0;"><td><tt>a</tt></td><td>Anchor or link</td><td>Supports the <tt>href</tt> and <tt>name</tt> attributes.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>address</tt></td><td>Address</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>b</tt></td><td>Bold</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>big</tt></td><td>Larger font</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>blockquote</tt></td><td>Indented paragraph</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>body</tt></td><td>Document body</td><td>Supports the <tt>bgcolor</tt> attribute, which can be a Qt <a href="#color-names">color name</a> or a <tt>#RRGGBB</tt> color specification.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>br</tt></td><td>Line break</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>center</tt></td><td>Centered paragraph</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>cite</tt></td><td>Inline citation</td><td>Same as <tt>i</tt>.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>code</tt></td><td>Code</td><td>Same as <tt>tt</tt>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>dd</tt></td><td>Definition data</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>dfn</tt></td><td>Definition</td><td>Same as <tt>i</tt>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>div</tt></td><td>Document division</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>dl</tt></td><td>Definition list</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>dt</tt></td><td>Definition term</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>em</tt></td><td>Emphasized</td><td>Same as <tt>i</tt>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>font</tt></td><td>Font size, family, and/or color</td><td>Supports the following attributes: <tt>size</tt>, <tt>face</tt>, and <tt>color</tt> (Qt <a href="#color-names">color names</a> or <tt>#RRGGBB</tt>).</td></tr>
<tr style="background: #e4e4e4;"><td><tt>h1</tt></td><td>Level 1 heading</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>h2</tt></td><td>Level 2 heading</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>h3</tt></td><td>Level 3 heading</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>h4</tt></td><td>Level 4 heading</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>h5</tt></td><td>Level 5 heading</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>h6</tt></td><td>Level 6 heading</td><td>Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>head</tt></td><td>Document header</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>hr</tt></td><td>Horizontal line</td><td>Supports the <tt>width</tt> attribute, which can be specified as an absolute or relative (<tt>%</tt>) value.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>html</tt></td><td>HTML document</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>i</tt></td><td>Italic</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>img</tt></td><td>Image</td><td>Supports the <tt>src</tt>, <tt>source</tt> (for Qt 3 compatibility), <tt>width</tt>, and <tt>height</tt> attributes.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>kbd</tt></td><td>User-entered text</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>meta</tt></td><td>Meta-information</td><td>If a text encoding is specified using the <tt>meta</tt> tag, it is picked up by Qt::codecForHtml(). Likewise, if an encoding is specified to <b>QTextDocument::toHtml()</b>, the encoding is stored using a <tt>meta</tt> tag, for example:<pre> &lt;meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /&gt;</pre></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>li</tt></td><td>List item</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>nobr</tt></td><td>Non-breakable text</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>ol</tt></td><td>Ordered list</td><td>Supports the standard <a href="#list-attributes">list attributes</a>.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>p</tt></td><td>Paragraph</td><td>Left-aligned by default. Supports the standard <a href="#block-attributes">block attributes</a>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>pre</tt></td><td>Preformated text</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>qt</tt></td><td>Qt rich-text document</td><td>Synonym for <tt>html</tt>. Provided for compatibility with earlier versions of Qt.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>s</tt></td><td>Strikethrough</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>samp</tt></td><td>Sample code</td><td>Same as <tt>tt</tt>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>small</tt></td><td>Small font</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>span</tt></td><td>Grouped elements</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>strong</tt></td><td>Strong</td><td>Same as <tt>b</tt>.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>sub</tt></td><td>Subscript</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>sup</tt></td><td>Superscript</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>table</tt></td><td>Table</td><td>Supports the following attributes: <tt>border</tt>, <tt>bgcolor</tt> (Qt <a href="#color-names">color names</a> or <tt>#RRGGBB</tt>), <tt>cellspacing</tt>, <tt>cellpadding</tt>, <tt>width</tt> (absolute or relative), and <tt>height</tt>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>tbody</tt></td><td>Table body</td><td>Does nothing.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>td</tt></td><td>Table data cell</td><td>Supports the standard <a href="#table-cell-attributes">table cell attributes</a>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>tfoot</tt></td><td>Table footer</td><td>Does nothing.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>th</tt></td><td>Table header cell</td><td>Supports the standard <a href="#table-cell-attributes">table cell attributes</a>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>thead</tt></td><td>Table header</td><td>If the <tt>thead</tt> tag is specified, it is used when printing tables that span multiple pages.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>title</tt></td><td>Document title</td><td>The value specified using the <tt>title</tt> tag is available through <b>QTextDocument::metaInformation()</b>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>tr</tt></td><td>Table row</td><td>Supports the <tt>bgcolor</tt> attribute, which can be a Qt <a href="#color-names">color name</a> or a <tt>#RRGGBB</tt> color specification.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>tt</tt></td><td>Typewrite font</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>u</tt></td><td>Underlined</td><td></td></tr>
<tr style="background: #e4e4e4;"><td><tt>ul</tt></td><td>Unordered list</td><td>Supports the standard <a href="#list-attributes">list attributes</a>.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>var</tt></td><td>Variable</td><td>Same as <tt>i</tt>.</td></tr>
</tbody>
</table>
<a name="block-attributes"></a>
<h3>Block Attributes</h3>
<p>The following attributes are supported by the <tt>div</tt>, <tt>dl</tt>, <tt>dt</tt>, <tt>h1</tt>, <tt>h2</tt>, <tt>h3</tt>, <tt>h4</tt>, <tt>h5</tt>, <tt>h6</tt>, <tt>p</tt> tags:</p>
<ul>
<li><tt>align</tt> (<tt>left</tt>, <tt>right</tt>, <tt>center</tt>, <tt>justify</tt>)</li>
<li><tt>dir</tt> (<tt>ltr</tt>, <tt>rtl</tt>)</li>
</ul>
<a name="list-attributes"></a>
<h3>List Attributes</h3>
<p>The following attribute is supported by the <tt>ol</tt> and <tt>ul</tt> tags:</p>
<ul>
<li><tt>type</tt> (<tt>1</tt>, <tt>a</tt>, <tt>A</tt>, <tt>square</tt>, <tt>disc</tt>, <tt>circle</tt>)</li>
</ul>
<a name="table-cell-attributes"></a>
<h3>Table Cell Attributes</h3>
<p>The following attributes are supported by the <tt>td</tt> and <tt>th</tt> tags:</p>
<ul>
<li><tt>width</tt> (absolute, relative, or no-value)</li>
<li><tt>bgcolor</tt> (Qt <a href="#color-names">color names</a> or <tt>#RRGGBB</tt>)</li>
<li><tt>colspan</tt></li>
<li><tt>rowspan</tt></li>
<li><tt>align</tt> (<tt>left</tt>, <tt>right</tt>, <tt>center</tt>, <tt>justify</tt>)</li>
<li><tt>valign</tt> (<tt>top</tt>, <tt>middle</tt>, <tt>bottom</tt>)</li>
</ul>
<a name="css-properties"></a>
<h3>CSS Properties</h3>
<p>The following table lists the CSS properties supported by Qt's <b>rich text</b> engine:</p>

<table  style="border-color:#bbb; border-style:solid;" border="0" cellpadding="2" cellspacing="1">
<thead>
    <tr style="background: #96E066;">
        <th align="center">Property</th>
        <th align="center">Values</th>
        <th align="center">Description</th>
    </tr>
</thead>
<tbody>
    <tr style="background: #f0f0f0;"><td><tt>background-color</tt></td><td>&lt;color&gt;</td><td>Background color for elements</td></tr>
<tr style="background: #e4e4e4;"><td><tt>background-image</tt></td><td>&lt;uri&gt;</td><td>Background image for elements</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>color</tt></td><td>&lt;color&gt;</td><td>Text foreground color</td></tr>
<tr style="background: #e4e4e4;"><td><tt>font-family</tt></td><td>&lt;family name&gt;</td><td>Font family name</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>font-size</tt></td><td>[ small | medium | large | x-large | xx-large ] | &lt;size&gt;pt | &lt;size&gt;px</td><td>Font size relative to the document font, or specified in points or pixels</td></tr>
<tr style="background: #e4e4e4;"><td><tt>font-style</tt></td><td>[ normal | italic | oblique ]</td><td></td></tr>
    <tr style="background: #f0f0f0;"><td><tt>font-weight</tt></td><td>[ normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ]</td><td>Specifies the font weight used for text, where <tt>normal</tt> and <tt>bold</tt> are mapped to the corresponding <b>QFont</b> weights. Numeric values are 8 times the equivalent <b>QFont</b> weight values.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>text-decoration</tt></td><td>none | [ underline || overline || line-through ]</td><td>Additional text effects</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>font</tt></td><td>[ [ &lt;'font-style'&gt; || &lt;'font-weight'&gt; ]? &lt;'font-size'&gt; &lt;'font-family'&gt; ]</td><td>Font shorthand property</td></tr>
<tr style="background: #e4e4e4;"><td><tt>text-indent</tt></td><td>&lt;length&gt;px</td><td>First line text indentation in pixels</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>white-space</tt></td><td>normal | pre | nowrap | pre-wrap</td><td>Declares how whitespace in HTML is handled.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>margin-top</tt></td><td>&lt;length&gt;px</td><td>Top paragraph margin in pixels</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>margin-bottom</tt></td><td>&lt;length&gt;px</td><td>Bottom paragraph margin in pixels</td></tr>
<tr style="background: #e4e4e4;"><td><tt>margin-left</tt></td><td>&lt;length&gt;px</td><td>Left paragraph margin in pixels</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>margin-right</tt></td><td>&lt;length&gt;px</td><td>Right paragraph margin in pixels</td></tr>
<tr style="background: #e4e4e4;"><td><tt>padding-top</tt></td><td>&lt;length&gt;px</td><td>Top table cell padding in pixels</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>padding-bottom</tt></td><td>&lt;length&gt;px</td><td>Bottom table cell padding in pixels</td></tr>
<tr style="background: #e4e4e4;"><td><tt>padding-left</tt></td><td>&lt;length&gt;px</td><td>Left table cell padding in pixels</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>padding-right</tt></td><td>&lt;length&gt;px</td><td>Right table cell padding in pixels</td></tr>
<tr style="background: #e4e4e4;"><td><tt>padding</tt></td><td>&lt;length&gt;px</td><td>Shorthand for setting all the padding properties at once.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>vertical-align</tt></td><td>baseline | sub | super | middle | top | bottom</td><td>Vertical text alignment. For vertical alignment in text table cells only middle, top, and bottom apply.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>border-color</tt></td><td>&lt;color&gt;</td><td>Border color for text tables.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>border-style</tt></td><td>none | dotted | dashed | dot-dash | dot-dot-dash | solid | double | groove | ridge | inset | outset</td><td>Border style for text tables.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>background</tt></td><td>[ &lt;'background-color'&gt; || &lt;'background-image'&gt; ]</td><td>Background shorthand property</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>page-break-before</tt></td><td>[ auto | always ]</td><td>Make it possible to enforce a page break before the paragraph/table</td></tr>
<tr style="background: #e4e4e4;"><td><tt>page-break-after</tt></td><td>[ auto | always ]</td><td>Make it possible to enforce a page break after the paragraph/table</td></tr>
    <tr style="background: #f0f0f0;"><td>float</td><td>[ left | right | none ]</td><td>Specifies where an image or a text will be placed in another element. Note that the <tt>float</tt> property is only supported for tables and images.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>text-transform</tt></td><td>[ uppercase | lowercase ]</td><td>Select the transformation that will be performed on the text prior to displaying it.</td></tr>
    <tr style="background: #f0f0f0;"><td><tt>font-variant</tt></td><td>small-caps</td><td>Perform the smallcaps transformation on the text prior to displaying it.</td></tr>
<tr style="background: #e4e4e4;"><td><tt>word-spacing</tt></td><td>&lt;width&gt;px</td><td>Specifies an alternate spacing between each word.</td></tr>
</tbody>
</table>

<a name="supported-css-selectors"></a>
<h3>Supported CSS Selectors</h3>
<p>All CSS 2.1 selector classes are supported except pseudo-class selectors such as <tt>:first-child</tt>, <tt>:visited</tt> and <tt>:hover</tt>.</p>

<a name="color-names"></a>
<h3>Color names</h3>
<p>The RGB value which may be in one of these formats:</p>
<ul>
<li>#RGB (each of R, G, and B is a single hex digit)</li>
<li>#RRGGBB</li>
<li>#RRRGGGBBB</li>
<li>#RRRRGGGGBBBB</li>
<li>A name from the list of colors defined in the list of <a href="#svg-color-keywords">SVG color keyword names</a> provided by the World Wide Web Consortium; for example, &quot;steelblue&quot; or &quot;gainsboro&quot;. These color names work on all platforms. Note that these color names are <i>not</i> the same as defined by the <b>Qt::GlobalColor</b> enums, e.g&#x2e; &quot;green&quot; and <b>Qt::green</b> does not refer to the same color.</li>
<li><tt>transparent</tt> - representing the absence of a color.</li>
<li><i>X11 only</i>: If <b>allowX11ColorNames</b>() returns true, any valid X11 color name. See the documentation for <tt>XParseColor()</tt> for information about valid X11 color names.</li>
</ul>

<a name="svg-color-keywords"></a>
<h3>SVG color keyword names</h3>
<p>The following is the list of recognized color keywords that can be used as color name:</p>

<table>
<tbody>
<tr>
<td>

<table>
<tbody>

<tr><td><div style="font-size:small;background:aliceblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>aliceblue</b></td><td valign="middle">rgb(240, 248, 255)</td></tr>
<tr><td><div style="font-size:small;background:antiquewhite">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>antiquewhite</b></td><td valign="middle">rgb(250, 235, 215)</td></tr>
<tr><td><div style="font-size:small;background:aqua">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>aqua</b></td><td valign="middle">rgb( 0, 255, 255)</td></tr>
<tr><td><div style="font-size:small;background:aquamarine">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>aquamarine</b></td><td valign="middle">rgb(127, 255, 212)</td></tr>
<tr><td><div style="font-size:small;background:azure">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>azure</b></td><td valign="middle">rgb(240, 255, 255)</td></tr>
<tr><td><div style="font-size:small;background:beige">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>beige</b></td><td valign="middle">rgb(245, 245, 220)</td></tr>
<tr><td><div style="font-size:small;background:bisque">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>bisque</b></td><td valign="middle">rgb(255, 228, 196)</td></tr>
<tr><td><div style="font-size:small;background:black">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>black</b></td><td valign="middle">rgb( 0, 0, 0)</td></tr>
<tr><td><div style="font-size:small;background:blanchedalmond">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>blanchedalmond</b></td><td valign="middle">rgb(255, 235, 205)</td></tr>
<tr><td><div style="font-size:small;background:blue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>blue</b></td><td valign="middle">rgb( 0, 0, 255)</td></tr>
<tr><td><div style="font-size:small;background:blueviolet">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>blueviolet</b></td><td valign="middle">rgb(138, 43, 226)</td></tr>
<tr><td><div style="font-size:small;background:brown">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>brown</b></td><td valign="middle">rgb(165, 42, 42)</td></tr>
<tr><td><div style="font-size:small;background:burlywood">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>burlywood</b></td><td valign="middle">rgb(222, 184, 135)</td></tr>
<tr><td><div style="font-size:small;background:cadetblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>cadetblue</b></td><td valign="middle">rgb( 95, 158, 160)</td></tr>
<tr><td><div style="font-size:small;background:chartreuse">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>chartreuse</b></td><td valign="middle">rgb(127, 255, 0)</td></tr>
<tr><td><div style="font-size:small;background:chocolate">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>chocolate</b></td><td valign="middle">rgb(210, 105, 30)</td></tr>
<tr><td><div style="font-size:small;background:coral">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>coral</b></td><td valign="middle">rgb(255, 127, 80)</td></tr>
<tr><td><div style="font-size:small;background:cornflowerblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>cornflowerblue</b></td><td valign="middle">rgb(100, 149, 237)</td></tr>
<tr><td><div style="font-size:small;background:cornsilk">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>cornsilk</b></td><td valign="middle">rgb(255, 248, 220)</td></tr>
<tr><td><div style="font-size:small;background:crimson">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>crimson</b></td><td valign="middle">rgb(220, 20, 60)</td></tr>
<tr><td><div style="font-size:small;background:cyan">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>cyan</b></td><td valign="middle">rgb( 0, 255, 255)</td></tr>
<tr><td><div style="font-size:small;background:darkblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkblue</b></td><td valign="middle">rgb( 0, 0, 139)</td></tr>
<tr><td><div style="font-size:small;background:darkcyan">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkcyan</b></td><td valign="middle">rgb( 0, 139, 139)</td></tr>
<tr><td><div style="font-size:small;background:darkgoldenrod">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkgoldenrod</b></td><td valign="middle">rgb(184, 134, 11)</td></tr>
<tr><td><div style="font-size:small;background:darkgray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkgray</b></td><td valign="middle">rgb(169, 169, 169)</td></tr>
<tr><td><div style="font-size:small;background:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkgreen</b></td><td valign="middle">rgb( 0, 100, 0)</td></tr>
<tr><td><div style="font-size:small;background:darkgrey">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkgrey</b></td><td valign="middle">rgb(169, 169, 169)</td></tr>
<tr><td><div style="font-size:small;background:darkkhaki">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkkhaki</b></td><td valign="middle">rgb(189, 183, 107)</td></tr>
<tr><td><div style="font-size:small;background:darkmagenta">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkmagenta</b></td><td valign="middle">rgb(139, 0, 139)</td></tr>
<tr><td><div style="font-size:small;background:darkolivegreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkolivegreen</b></td><td valign="middle">rgb( 85, 107, 47)</td></tr>
<tr><td><div style="font-size:small;background:darkorange">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkorange</b></td><td valign="middle">rgb(255, 140, 0)</td></tr>
<tr><td><div style="font-size:small;background:darkorchid">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkorchid</b></td><td valign="middle">rgb(153, 50, 204)</td></tr>
<tr><td><div style="font-size:small;background:darkred">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkred</b></td><td valign="middle">rgb(139, 0, 0)</td></tr>
<tr><td><div style="font-size:small;background:darksalmon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darksalmon</b></td><td valign="middle">rgb(233, 150, 122)</td></tr>
<tr><td><div style="font-size:small;background:darkseagreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkseagreen</b></td><td valign="middle">rgb(143, 188, 143)</td></tr>
<tr><td><div style="font-size:small;background:darkslateblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkslateblue</b></td><td valign="middle">rgb( 72, 61, 139)</td></tr>
<tr><td><div style="font-size:small;background:darkslategray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkslategray</b></td><td valign="middle">rgb( 47, 79, 79)</td></tr>
<tr><td><div style="font-size:small;background:darkslategrey">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkslategrey</b></td><td valign="middle">rgb( 47, 79, 79)</td></tr>
<tr><td><div style="font-size:small;background:darkturquoise">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkturquoise</b></td><td valign="middle">rgb( 0, 206, 209)</td></tr>
<tr><td><div style="font-size:small;background:darkviolet">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>darkviolet</b></td><td valign="middle">rgb(148, 0, 211)</td></tr>
<tr><td><div style="font-size:small;background:deeppink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>deeppink</b></td><td valign="middle">rgb(255, 20, 147)</td></tr>
<tr><td><div style="font-size:small;background:deepskyblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>deepskyblue</b></td><td valign="middle">rgb( 0, 191, 255)</td></tr>
<tr><td><div style="font-size:small;background:dimgray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>dimgray</b></td><td valign="middle">rgb(105, 105, 105)</td></tr>
<tr><td><div style="font-size:small;background:dimgrey">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>dimgrey</b></td><td valign="middle">rgb(105, 105, 105)</td></tr>
<tr><td><div style="font-size:small;background:dodgerblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>dodgerblue</b></td><td valign="middle">rgb( 30, 144, 255)</td></tr>
<tr><td><div style="font-size:small;background:firebrick">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>firebrick</b></td><td valign="middle">rgb(178, 34, 34)</td></tr>
<tr><td><div style="font-size:small;background:floralwhite">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>floralwhite</b></td><td valign="middle">rgb(255, 250, 240)</td></tr>
<tr><td><div style="font-size:small;background:forestgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>forestgreen</b></td><td valign="middle">rgb( 34, 139, 34)</td></tr>
<tr><td><div style="font-size:small;background:fuchsia">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>fuchsia</b></td><td valign="middle">rgb(255, 0, 255)</td></tr>
<tr><td><div style="font-size:small;background:gainsboro">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>gainsboro</b></td><td valign="middle">rgb(220, 220, 220)</td></tr>
<tr><td><div style="font-size:small;background:ghostwhite">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>ghostwhite</b></td><td valign="middle">rgb(248, 248, 255)</td></tr>
<tr><td><div style="font-size:small;background:gold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>gold</b></td><td valign="middle">rgb(255, 215, 0)</td></tr>
<tr><td><div style="font-size:small;background:goldenrod">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>goldenrod</b></td><td valign="middle">rgb(218, 165, 32)</td></tr>
<tr><td><div style="font-size:small;background:gray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>gray</b></td><td valign="middle">rgb(128, 128, 128)</td></tr>
<tr><td><div style="font-size:small;background:grey">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>grey</b></td><td valign="middle">rgb(128, 128, 128)</td></tr>
<tr><td><div style="font-size:small;background:green">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>green</b></td><td valign="middle">rgb( 0, 128, 0)</td></tr>
<tr><td><div style="font-size:small;background:greenyellow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>greenyellow</b></td><td valign="middle">rgb(173, 255, 47)</td></tr>
<tr><td><div style="font-size:small;background:honeydew">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>honeydew</b></td><td valign="middle">rgb(240, 255, 240)</td></tr>
<tr><td><div style="font-size:small;background:hotpink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>hotpink</b></td><td valign="middle">rgb(255, 105, 180)</td></tr>
<tr><td><div style="font-size:small;background:indianred">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>indianred</b></td><td valign="middle">rgb(205, 92, 92)</td></tr>
<tr><td><div style="font-size:small;background:indigo">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>indigo</b></td><td valign="middle">rgb( 75, 0, 130)</td></tr>
<tr><td><div style="font-size:small;background:ivory">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>ivory</b></td><td valign="middle">rgb(255, 255, 240)</td></tr>
<tr><td><div style="font-size:small;background:khaki">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>khaki</b></td><td valign="middle">rgb(240, 230, 140)</td></tr>
<tr><td><div style="font-size:small;background:lavender">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lavender</b></td><td valign="middle">rgb(230, 230, 250)</td></tr>
<tr><td><div style="font-size:small;background:lavenderblush">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lavenderblush</b></td><td valign="middle">rgb(255, 240, 245)</td></tr>
<tr><td><div style="font-size:small;background:lawngreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lawngreen</b></td><td valign="middle">rgb(124, 252, 0)</td></tr>
<tr><td><div style="font-size:small;background:lemonchiffon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lemonchiffon</b></td><td valign="middle">rgb(255, 250, 205)</td></tr>
<tr><td><div style="font-size:small;background:lightblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightblue</b></td><td valign="middle">rgb(173, 216, 230)</td></tr>
<tr><td><div style="font-size:small;background:lightcoral">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightcoral</b></td><td valign="middle">rgb(240, 128, 128)</td></tr>
<tr><td><div style="font-size:small;background:lightcyan">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightcyan</b></td><td valign="middle">rgb(224, 255, 255)</td></tr>
<tr><td><div style="font-size:small;background:lightgoldenrodyellow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightgoldenrodyellow</b></td><td valign="middle">rgb(250, 250, 210)</td></tr>
<tr><td><div style="font-size:small;background:lightgray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightgray</b></td><td valign="middle">rgb(211, 211, 211)</td></tr>
<tr><td><div style="font-size:small;background:lightgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightgreen</b></td><td valign="middle">rgb(144, 238, 144)</td></tr>
<tr><td><div style="font-size:small;background:lightgrey">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightgrey</b></td><td valign="middle">rgb(211, 211, 211)</td></tr>
</tbody>
</table>

</td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td>

<table>
<tbody>
<tr><td><div style="font-size:small;background:lightpink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightpink</b></td><td valign="middle">rgb(255, 182, 193)</td></tr>
<tr><td><div style="font-size:small;background:lightsalmon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightsalmon</b></td><td valign="middle">rgb(255, 160, 122)</td></tr>
<tr><td><div style="font-size:small;background:lightseagreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightseagreen</b></td><td valign="middle">rgb( 32, 178, 170)</td></tr>
<tr><td><div style="font-size:small;background:lightskyblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightskyblue</b></td><td valign="middle">rgb(135, 206, 250)</td></tr>
<tr><td><div style="font-size:small;background:lightslategray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightslategray</b></td><td valign="middle">rgb(119, 136, 153)</td></tr>
<tr><td><div style="font-size:small;background:lightslategrey">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightslategrey</b></td><td valign="middle">rgb(119, 136, 153)</td></tr>
<tr><td><div style="font-size:small;background:lightsteelblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightsteelblue</b></td><td valign="middle">rgb(176, 196, 222)</td></tr>
<tr><td><div style="font-size:small;background:lightyellow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lightyellow</b></td><td valign="middle">rgb(255, 255, 224)</td></tr>
<tr><td><div style="font-size:small;background:lime">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>lime</b></td><td valign="middle">rgb( 0, 255, 0)</td></tr>
<tr><td><div style="font-size:small;background:limegreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>limegreen</b></td><td valign="middle">rgb( 50, 205, 50)</td></tr>
<tr><td><div style="font-size:small;background:linen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>linen</b></td><td valign="middle">rgb(250, 240, 230)</td></tr>
<tr><td><div style="font-size:small;background:magenta">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>magenta</b></td><td valign="middle">rgb(255, 0, 255)</td></tr>
<tr><td><div style="font-size:small;background:maroon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>maroon</b></td><td valign="middle">rgb(128, 0, 0)</td></tr>
<tr><td><div style="font-size:small;background:mediumaquamarine">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumaquamarine</b></td><td valign="middle">rgb(102, 205, 170)</td></tr>
<tr><td><div style="font-size:small;background:mediumblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumblue</b></td><td valign="middle">rgb( 0, 0, 205)</td></tr>
<tr><td><div style="font-size:small;background:mediumorchid">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumorchid</b></td><td valign="middle">rgb(186, 85, 211)</td></tr>
<tr><td><div style="font-size:small;background:mediumpurple">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumpurple</b></td><td valign="middle">rgb(147, 112, 219)</td></tr>
<tr><td><div style="font-size:small;background:mediumseagreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumseagreen</b></td><td valign="middle">rgb( 60, 179, 113)</td></tr>
<tr><td><div style="font-size:small;background:mediumslateblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumslateblue</b></td><td valign="middle">rgb(123, 104, 238)</td></tr>
<tr><td><div style="font-size:small;background:mediumspringgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumspringgreen</b></td><td valign="middle">rgb( 0, 250, 154)</td></tr>
<tr><td><div style="font-size:small;background:mediumturquoise">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumturquoise</b></td><td valign="middle">rgb( 72, 209, 204)</td></tr>
<tr><td><div style="font-size:small;background:mediumvioletred">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mediumvioletred</b></td><td valign="middle">rgb(199, 21, 133)</td></tr>
<tr><td><div style="font-size:small;background:midnightblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>midnightblue</b></td><td valign="middle">rgb( 25, 25, 112)</td></tr>
<tr><td><div style="font-size:small;background:mintcream">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mintcream</b></td><td valign="middle">rgb(245, 255, 250)</td></tr>
<tr><td><div style="font-size:small;background:mistyrose">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>mistyrose</b></td><td valign="middle">rgb(255, 228, 225)</td></tr>
<tr><td><div style="font-size:small;background:moccasin">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>moccasin</b></td><td valign="middle">rgb(255, 228, 181)</td></tr>
<tr><td><div style="font-size:small;background:navajowhite">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>navajowhite</b></td><td valign="middle">rgb(255, 222, 173)</td></tr>
<tr><td><div style="font-size:small;background:navy">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>navy</b></td><td valign="middle">rgb( 0, 0, 128)</td></tr>
<tr><td><div style="font-size:small;background:oldlace">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>oldlace</b></td><td valign="middle">rgb(253, 245, 230)</td></tr>
<tr><td><div style="font-size:small;background:olive">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>olive</b></td><td valign="middle">rgb(128, 128, 0)</td></tr>
<tr><td><div style="font-size:small;background:olivedrab">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>olivedrab</b></td><td valign="middle">rgb(107, 142, 35)</td></tr>
<tr><td><div style="font-size:small;background:orange">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>orange</b></td><td valign="middle">rgb(255, 165, 0)</td></tr>
<tr><td><div style="font-size:small;background:orangered">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>orangered</b></td><td valign="middle">rgb(255, 69, 0)</td></tr>
<tr><td><div style="font-size:small;background:orchid">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>orchid</b></td><td valign="middle">rgb(218, 112, 214)</td></tr>
<tr><td><div style="font-size:small;background:palegoldenrod">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>palegoldenrod</b></td><td valign="middle">rgb(238, 232, 170)</td></tr>
<tr><td><div style="font-size:small;background:palegreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>palegreen</b></td><td valign="middle">rgb(152, 251, 152)</td></tr>
<tr><td><div style="font-size:small;background:paleturquoise">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>paleturquoise</b></td><td valign="middle">rgb(175, 238, 238)</td></tr>
<tr><td><div style="font-size:small;background:palevioletred">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>palevioletred</b></td><td valign="middle">rgb(219, 112, 147)</td></tr>
<tr><td><div style="font-size:small;background:papayawhip">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>papayawhip</b></td><td valign="middle">rgb(255, 239, 213)</td></tr>
<tr><td><div style="font-size:small;background:peachpuff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>peachpuff</b></td><td valign="middle">rgb(255, 218, 185)</td></tr>
<tr><td><div style="font-size:small;background:peru">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>peru</b></td><td valign="middle">rgb(205, 133, 63)</td></tr>
<tr><td><div style="font-size:small;background:pink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>pink</b></td><td valign="middle">rgb(255, 192, 203)</td></tr>
<tr><td><div style="font-size:small;background:plum">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>plum</b></td><td valign="middle">rgb(221, 160, 221)</td></tr>
<tr><td><div style="font-size:small;background:powderblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>powderblue</b></td><td valign="middle">rgb(176, 224, 230)</td></tr>
<tr><td><div style="font-size:small;background:purple">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>purple</b></td><td valign="middle">rgb(128, 0, 128)</td></tr>
<tr><td><div style="font-size:small;background:red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>red</b></td><td valign="middle">rgb(255, 0, 0)</td></tr>
<tr><td><div style="font-size:small;background:rosybrown">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>rosybrown</b></td><td valign="middle">rgb(188, 143, 143)</td></tr>
<tr><td><div style="font-size:small;background:royalblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>royalblue</b></td><td valign="middle">rgb( 65, 105, 225)</td></tr>
<tr><td><div style="font-size:small;background:saddlebrown">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>saddlebrown</b></td><td valign="middle">rgb(139, 69, 19)</td></tr>
<tr><td><div style="font-size:small;background:salmon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>salmon</b></td><td valign="middle">rgb(250, 128, 114)</td></tr>
<tr><td><div style="font-size:small;background:sandybrown">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>sandybrown</b></td><td valign="middle">rgb(244, 164, 96)</td></tr>
<tr><td><div style="font-size:small;background:seagreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>seagreen</b></td><td valign="middle">rgb( 46, 139, 87)</td></tr>
<tr><td><div style="font-size:small;background:seashell">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>seashell</b></td><td valign="middle">rgb(255, 245, 238)</td></tr>
<tr><td><div style="font-size:small;background:sienna">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>sienna</b></td><td valign="middle">rgb(160, 82, 45)</td></tr>
<tr><td><div style="font-size:small;background:silver">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>silver</b></td><td valign="middle">rgb(192, 192, 192)</td></tr>
<tr><td><div style="font-size:small;background:skyblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>skyblue</b></td><td valign="middle">rgb(135, 206, 235)</td></tr>
<tr><td><div style="font-size:small;background:slateblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>slateblue</b></td><td valign="middle">rgb(106, 90, 205)</td></tr>
<tr><td><div style="font-size:small;background:slategray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>slategray</b></td><td valign="middle">rgb(112, 128, 144)</td></tr>
<tr><td><div style="font-size:small;background:slategrey">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>slategrey</b></td><td valign="middle">rgb(112, 128, 144)</td></tr>
<tr><td><div style="font-size:small;background:snow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>snow</b></td><td valign="middle">rgb(255, 250, 250)</td></tr>
<tr><td><div style="font-size:small;background:springgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>springgreen</b></td><td valign="middle">rgb( 0, 255, 127)</td></tr>
<tr><td><div style="font-size:small;background:steelblue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>steelblue</b></td><td valign="middle">rgb( 70, 130, 180)</td></tr>
<tr><td><div style="font-size:small;background:tan">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>tan</b></td><td valign="middle">rgb(210, 180, 140)</td></tr>
<tr><td><div style="font-size:small;background:teal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>teal</b></td><td valign="middle">rgb( 0, 128, 128)</td></tr>
<tr><td><div style="font-size:small;background:thistle">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>thistle</b></td><td valign="middle">rgb(216, 191, 216)</td></tr>
<tr><td><div style="font-size:small;background:tomato">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>tomato</b></td><td valign="middle">rgb(255, 99, 71)</td></tr>
<tr><td><div style="font-size:small;background:turquoise">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>turquoise</b></td><td valign="middle">rgb( 64, 224, 208)</td></tr>
<tr><td><div style="font-size:small;background:violet">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>violet</b></td><td valign="middle">rgb(238, 130, 238)</td></tr>
<tr><td><div style="font-size:small;background:wheat">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>wheat</b></td><td valign="middle">rgb(245, 222, 179)</td></tr>
<tr><td><div style="font-size:small;background:white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>white</b></td><td valign="middle">rgb(255, 255, 255)</td></tr>
<tr><td><div style="font-size:small;background:whitesmoke">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>whitesmoke</b></td><td valign="middle">rgb(245, 245, 245)</td></tr>
<tr><td><div style="font-size:small;background:yellow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>yellow</b></td><td valign="middle">rgb(255, 255, 0)</td></tr>
<tr><td><div style="font-size:small;background:yellowgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td><td valign="middle"><b>yellowgreen</b></td><td valign="middle">rgb(154, 205, 50)</td></tr>
<tr><td></td><td>&nbsp;</td><td>&nbsp;</td></tr>
</tbody>
</table>


</td>
</tr>
</tbody>
</table>
